<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">-->

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" slick-uniqueid="1">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>OLA | Home Page</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link rel="stylesheet" type="text/css" href="css/seo.css">
	<script src="scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
	<script src="scripts/jquery-1.7.1.js" type="text/javascript"></script>
	<script src="scripts/jquery.min.js" type="text/javascript"></script>
	<script src="scripts/custom-form-elements.js" type="text/javascript" ></script>
</head>
<body>
<div id="content" class="">
	<div id="header-trip"></div>
	
	<div id="wrapper" class="">
		<div id="header" class="mb30">
			<div id="logo" class="por fl ofh">
				<img src="images/logo.png" />
			</div>
			
			<div class="headerLinks ttu">
				<ul>
					<li><a href="past-year-papers.html">Past year papers</a></li>
					<li><a href="student-support.html">student support</a></li>
					<li><a href="log-in.html">log in</a></li>
					<li><a href=""><img src="images/facebook-icon.png" /></a></li>
				</ul>
			</div>
			
			
			<div id="navbar" class="mb5 ttu">
				<ul>
					<li><a href="index.html">Home</a></li>
					<li><a href="about-us.html">About us</a></li>
					<li><a href="registration.html">Registration</a></li>
					<li class="active"><a href="gallery.html">Gallery</a>
						<ul>
							<li><a href="">Images</a></li>
							<li><a href="">Videos</a></li>
						</ul>
					</li>
					<li><a href="news-annoucement.html">New &amp; Annoucement</a></li>
					<li><a href="contact-us.html">Contact us</a></li>
				</ul>
			</div>
			<div class="clear"></div>
		</div>
		<div class="clear"></div>
		<div id="maincontent" class="por">
		<!--Images-->
			<div class="ofh pb10 mt10 tac">
				<img src="images/01.png" class="bd2" />
			</div>
		<!--Slider-->
			<div class="por">
				<div id="slider" class="ofh mt30 pv10">
					<ul>
						<li class="ph10"><img src="images/02.png" /></li>
						<li class="ph10"><img src="images/02.png" /></li>
						<li class="ph10"><img src="images/02.png" /></li>
						<li class="ph10"><img src="images/02.png" /></li>
					</ul>
				</div>
				<span id="prevBtn" class="sliderbutton fl">
					<a href=""><img src="images/iconPrev.png" alt="Prev"></a>
				</span>
				<span id="nextBtn" class="sliderbutton fl">
					<a href=""><img src="images/iconNext.png" alt="Next"></a>
				</span>
			</div>
		</div>
	</div>
	
	<div id="footer" class="ofh">
		<div id="footer-trip"></div>
	</div>
</div>
</body>
</html>